/*
 应用元素：div
 场景：1/2区域内，一行放置 描述、boolean、描述、boolean
 作用：field的文字说明
*/

.bdb_online {
    display: flex;
    justify-content: space-around;
}

.bdb_online div {
    font-weight: bold;
}

/*
_____________________________________________________________________________
 应用元素：div
 应用场景：1/2区域内，一行放置 字段 、符号、 字段/符号
 作用：一行展示出来
*/

.fsf_online {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    text-align: center;
}

.fsf_online h4 {
    margin: 0 3%;
    font-size: 1.5em;
    transform: translateY(-2px);

}

.fsf_online .field1 {
    width: 32% !important;
}

/*
_____________________________________________________________________________
 应用元素：div
 应用场景：1/2区域内，一行放置 字段、符号、字段、符号、字段、符号、字段
 作用：一行展示出来
*/

.fsfsfsf_online {
    display: flex;
    justify-content: flex-start;
    text-align: center;
}

.fsfsfsf_online h4 {
    margin: 0 3%;
    font-size: 1.5em;
    transform: translateY(-2px);
}

/*
_____________________________________________________________________________
 应用元素：div
 应用场景：1/2区域内，一行放置 字段、符号、字段、符号、字段、符号、字段、符号、字段、符号
 作用：一行展示出来
*/

.fsfsfsfsfs_online {
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center;
}

.fsfsfsfsfs_online h4 {
    margin: 0 3%;
    font-size: 1.2em;
    transform: translateY(-2px);
}

/*
_____________________________________________________________________________
 应用元素：div
 应用场景：1/2区域内，一行放置 描述、boolean、描述、字段
 作用：一行展示出来
*/
.bdf_online {
    display: flex;
    flex-direction: row;
}

.bdf_online h4 {
    font-weight: bold;
    width: 30%;
    margin: 0 8%;
    color: #666666;
    font-size: 1em;
    transform: translateY(3px);
}


/*
_____________________________________________________________________________
 应用元素：div
 应用场景：1/2区域内，多行放置地址信息，（国家、邮编）、（省、市、区）、（街道）、（公司名称）、（名、姓、电话）
 作用：多行地址信息
*/
.address1_block {

}

.address1_block > div {
    display: flex;
    align-items: center;

}

.address1_block .address1_block_country {
    margin-right: 5%;
}

.address1_block .address1_block_postal_code {
    margin-right: 5%;
}

.address1_block .address1_block_state {
    margin-right: 5%;
}

.address1_block .address1_block_city {
    margin-right: 5%;
}

.address1_block .address1_block_county {
    margin-right: 5%;
}

.address1_block .address1_block_street {
    margin-right: 5%;
}

.address1_block .address1_block_company {
    margin-right: 5%;
}

.address1_block_company::before {
    content: '( ';
}

.address1_block_company::after {
    content: ' )';
}

.address1_block .address1_block_first_name {
    margin-right: 5%;
}

.address1_block .address1_block_last_name {
    margin-right: 5%;
}

.address1_block .address1_block_phone {
    margin-right: 5%;
}


/*对使用该class的div前增加一个符号'-'*/
.minus::before {
    content: '- ';
}

/*对使用该class的div后增加一个百分号*/
.percent::after {
    content: ' %';
}


/*对使用该class的div后增加人民币符号*/
.symbol_cny::after {
    content: ' ￥';
}

/*对使用该class的div后增加欧元符号*/
.symbol_eur::after {
    content: ' €';
}

.rp_btn_step {
    margin-left: 20px;
}